<!DOCTYPE html>
<html>
<style></style>

<head>
    <title>Export to Word Demo</title>
    <script type="text/javascript" src="./FileSaver.js"></script>
    <script>
        function exportToWord(element, fileName) {
            var data = document.getElementById(element).innerHTML;
            // var blob = new Blob(['\ufeff', data], { type: 'application/msword' });
            var blob = new Blob(['\ufeff', data], { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' });
            var url = 'data:application/vnd.ms-word;charset=utf-8,' + encodeURIComponent(data);
            var link = document.createElement('a');
            link.href = url;
            link.download = fileName + '.docx';
            link.target = '_blank';
            document.body.appendChild(link);
            link.click();
            document.body.removeChild(link);
        }
    </script>
</head>

<body>

    <div id="content">

        <div>
            <div style="padding: 0 5%; ">
                <div>
                    <h2 style="text-align: center;margin-top:45px">
                        山东省省级政策（项目）事前绩效
                    </h2>
                    <p style="text-align: center;font-size:25px ;"><strong>评 估 报 告</strong></p>
                    <div style="padding: 200px;">  </div>
                    <table style="margin-bottom: 600;">
                        <tr style="height: 35px; font-size: 18px">
                            <td>政策（项目）名称：</td>
                            <td style="width: 330px; border-bottom:2px solid black;">123313</td>
                        </tr>
                    </table>
                    <table style="margin-top:0px;">
                        <tr style="height: 35px; font-size: 18px ">
                            <td>实施单位：</td>
                            <td style="width: 400px; border-bottom: 2px solid black;"></td>
                        </tr>
                        <tr style="height: 35px; font-size: 18px ">
                            <td>主管部门：</td>
                            <td style="width: 400px; border-bottom:2px solid black;">111</td>
                        </tr>
                        <tr style="height: 35px; font-size: 18px ">
                            <td>评估机构：</td>
                            <td style="width: 400px; border-bottom: 2px solid black;"></td>
                        </tr>
                        <tr style="height: 35px; font-size: 18px ">
                            <td>评估时间：</td>
                            <td style="width: 400px; border-bottom: 2px solid black;"></td>
                        </tr>
                    </table>
                </div>
                <div style="page-break-before:always"></div>
                <div>
                    <h2 style="text-align: center;margin-top:50px">
                        事前绩效评估报告
                    </h2>
                    <div style="min-height: 30px; padding: 3px">一、评估对象</div>
                    <div style="min-height: 30px; padding: 3px">（一）政策或项目名称：111</div>
                    <div style="min-height: 30px; padding: 3px">（二）政策或项目绩效目标：111</div>
                    <div style="min-height: 30px; padding: 3px">（三）政策或项目资金构成：111</div>
                    <div style="min-height: 30px; padding: 3px">（四）政策或项目概况：111</div>
                    <div style="min-height: 30px; padding: 3px">二、事前绩效评估的基本情况</div>
                    <div style="min-height: 30px; padding: 3px">（一）评估程序。</div>
                    <div style="min-height: 30px; padding: 3px;margin-left:35px">111</div>
                    <div style="min-height: 30px; padding: 3px">（二）评估思路。</div>
                    <div style="min-height: 30px; padding: 3px;margin-left:35px">111</div>
                    <div style="min-height: 30px; padding: 3px">（三）评估方式、方法。</div>
                    <div style="min-height: 30px; padding: 3px;margin-left:35px">111</div>
                    <div style="min-height: 30px; padding: 3px">三、评估内容与结论</div>
                    <div style="min-height: 30px; padding: 3px">（一）立项必要性/政策设立必要性。</div>
                    <div style="min-height: 30px; padding: 3px;margin-left:35px">
                        111
                    </div>
                    <div style="min-height: 30px; padding: 3px">
                        （二）绩效目标合理性/政策目标合理性。
                    </div>
                    <div style="min-height: 30px; padding: 3px;margin-left:35px">
                        111
                    </div>
                    <div style="min-height: 30px; padding: 3px">
                        （三）投入经济性/政策时效性。
                    </div>
                    <div style="min-height: 30px; padding: 3px;margin-left:35px">
                        111
                    </div>
                    <div style="min-height: 30px; padding: 3px">
                        （四）实施方案可行性/政策实施可持续性。
                    </div>
                    <div style="min-height: 30px; padding: 3px;margin-left:35px">
                        111
                    </div>
                    <div style="min-height: 30px; padding: 3px">
                        （五）筹资合规性/政策资金合规性。</div>
                    <div style="min-height: 30px; padding: 3px;margin-left:35px">
                        111
                    </div>
                    <div style="min-height: 30px; padding: 3px">（六）总体结论。</div>
                    <div style="min-height: 30px; padding: 3px;margin-left:35px">
                        111
                    </div>
                    <div style="min-height: 30px; padding: 3px">四、评估的相关建议</div>
                    <div style="min-height: 30px; padding: 3px;margin-left:35px">111</div>
                    <div style="min-height: 30px;padding:3px">
                        五、其他需要说明的问题
                        （阐述评估工作基本前提、假设、报告适用范围、相关责任以及需要说明的其他问题等）
                    </div>
                    <div style="min-height: 30px; padding: 3px;margin-left:35px">111</div>
                    <div style="min-height: 30px; padding: 3px">六、评估人员签名</div>
                    <div style="min-height: 30px; padding: 3px">
                        七、附件材料
                        （政策或项目相关申报材料、专家评估意见、其他应作为附件的佐证材料）
                    </div>
                </div>
            </div>
        </div>

    </div>

    <button onclick="exportToWord('content', 'myDocument')">Export to Word</button>

</body>

</html>